.imgpartsum .imgbox { width: 100%; height: 600px; overflow: hidden; }
.imgpartsum .imgbox .img { display: block; margin: 0 auto; position: relative; }
#imgnext { position: absolute; right: 0; top: 250px; z-index: 10; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#imglast { position: absolute; left: 0; top: 250px; z-index: 10; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#menunext { position: absolute; right: 10px; bottom: 0; z-index: 10; display: block; width: 25px; height: 82px; background: #ccc url(../images/show04.png) no-repeat center center; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#menulast { position: absolute; left: 10px; bottom: 0; z-index: 10; display: block; width: 25px; height: 82px; background: #ccc url(../images/show03.png) no-repeat center center; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.imgpartmenu { margin: 20px auto 0; left: -8px; }
.imgpartmenu li { width: 120px; margin-left: 15px; display: inline; }
.imgpartmenu li img { width: 120px; height: 80px; display: block; }
.imgpartmenu li.sel img { width: 110px; height: 70px; border: 5px solid #808080; }
.imgpartsum .essay { /*background: url(../images/darkbg.png) repeat;*/ background-color: #f7f7f7; color: #fff; padding: 15px; }
.imgpartsum .essay p { line-height: 25px; height: 75px; overflow: hidden; }
#imgnext, #imglast, #menunext, #menulast { opacity: 0.5; }
#imgnext:hover, #imglast:hover, #menunext:hover, #menulast:hover { opacity: 1; }
.comnav li .a1 { padding: 0 15px; min-width: 48px; }
article .box .content { width: 800px; margin: 0 auto; }


.page p a.fr { transition: 0.3s all ease; }
.page p a.fr:hover { -webkit-transform: translate(-10px, 0); -moz-transform: translate(-10px, 0); transform: translate(-10px, 0); }





.jfl { margin-left: 15px; }
.jianf { top: 30px; font-size: 14px; }

@media (min-width: 1200px) {
    .comnav li .a1 { padding: 0 18px; min-width: 48px; }
    article .box .content { width: 900px; margin: 0 auto; }
}

@media (min-width: 1300px) {
    .comnav li .a1 { padding: 0 20px; min-width: 48px; }
    article .box .content { width: 900px; margin: 0 auto; }
}

@media (min-width: 1400px) {
    .comnav li .a1 { padding: 0 28px; min-width: 48px; }
    article .box .content { width: 1200px; margin: 0 auto; }
    .jfl { margin-left: 45px; }
}